<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="/css/layui.css"  media="all">
<link rel="stylesheet" href="/css/index.css" media="all">
<script src="/js/axios.min.js"></script>
<script src="/js/vue.js"></script>
<script src="/js/layui.js" charset="utf-8"></script>
<body class="layui-layout-body">
<div class="layui-row" id="userInfo">
    <div class="layui-col-md12">
        <div class="layui-card">
            <div class="layui-card-header"><h1>个人信息</h1></div>
            <div class="layui-card-body">
                <div><label>用户名：</label><span>{{userName}}</span></div>
                <div><label>用户名：</label><span>{{userName}}</span></div>

            </div>
        </div>
    </div>
</div>
</body>
<script>
    new Vue({
        el: "#userInfo",
        data:{
            userName:localStorage.getItem("userName")
        },
        methods :{

        },
        created: function () {
            console.info("》》》》");
        }
    });
</script>
</html>